<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体属性</title>
</head>
<body>
    <div>
        <p style="color:red">CSS字体属性：字体、颜色、大小、加粗、文字样式。</p>
        <p>CSS中的字体属性：<br>font：在一个声明中设置所有的字体属性。<br>font-family：指定文本的字体系列。<br>font-size：指定文本的字体大小。<br>font-style：指定文本的样式。<br>font-variant：以小型大写字体或者正常字体显示文本。<br>font-weight：指定字体的粗细。</p>
        <p style="color: red;">字体颜色</p>
        <p style="font-size: 20px;">字体大小</p>
        <p class="font-weight">字体粗细</p>
        <p class="font-style">字体样式</p>
        <p class="font-family">字体</p>
    </div>
    <style>
        .font-weight{
            font-weight:500;
        }
        .font-style{
            font-style: normal;
        }
        .font-family{
            font-family: '微软雅黑';
        }
    </style>
</body>
</html>